<style>
.second-select .js-selected-q{
    margin-left: 0px;
    padding-left: 25px;
  }
  .third-select .js-selected-q{
    margin-left: 0px;
    padding-left: 50px;
  }
  .js-selected-q b{
    width: auto!important
  }
  .js-selected-project .js-selected-project-box .js-selected-q{
    background-position: 170px -30px;
  }
  .js-selected-project .js-selected-project-box div.active{
    background-position: 170px 26px;
  }
  .js-selected-project .js-selected-project-box .js-selected-q b{
    margin-left: 10px;
  }
  .second-select>li b{
    text-indent: 0em;
  }
  .first-select .ellipsis-1{
    min-width: 175px;
    max-width: 150px;
    padding-right: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .second-select .ellipsis-1{
    min-width: 140px;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .third-select b{
    min-width: 120px;
    max-width: 80px;
    padding-right: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
</style>
<section id="report_bi">
  <!-- 右边 -->
  <div class="js-selected-project ">
    <div class="css-pack-up"></div>
    <div class="js-selected-project-bg">
    </div>
    <div class="js-selected-project-box">
      <div class="select-project"><!--右侧公司--></div>
    </div>
  </div>

  <hl-page-header title="楼栋租赁情况" class="mb-10">
    <hl-button type="outline" @on-click="excl" v-if="quanxian.indexOf('c74') > -1">导出</hl-button>
  </hl-page-header>

  <div class="rent-content br-4 global_table" style="padding:0;">
    <table>
      <thead>
      <tr class="global_table_title">
        <th>序</th>
        <th>项目名称</th>
        <th>出租资源</th>
        <th>公司名称</th>
        <th>合同起始</th>
        <th>合同终止</th>
        <th>租赁年限</th>
        <th>租赁面积(m²)</th>
        <th>租金(元)</th>
        <th>净租金(元)</th>
        <th>物业费</th>
        <th>月租金</th>
        <th>月物业费</th>
        <th>月合计</th>
        <th>年租金</th>
        <th>年物业费</th>
        <th>年合计</th>
        <th>欠费周期</th>
        <th>欠费金额</th>
        <th>欠费月次</th>
      </tr>
      <thead>
      <tbody>
        <tr v-for="(item, index) in data" class="global_table_item">
          <td>{{index+1 | toZero}}</td>
          <td>{{item.projectName | '--'}}</td>
          <td style="max-width: 305px" class="ellipsis-1" :title="item.rooms.join('、')">{{item.rooms.join('、')}}</td>
          <td>{{item.zlfName}}</td>
          <td>{{item.beginDate | UTCdate}}</td>
          <td>{{item.endDate | UTCdate}}</td>
          <td>{{item.period}}</td>
          <td>{{item.acreage | formatNum}}</td>
          <td>{{item.totalFee | formatNum}}</td>
          <td>{{item.totalRentFee | formatNum}}</td>
          <td>{{item.totalWyFee | formatNum}}</td>
          <td>{{item.monthRentFee | removal}}</td>
          <td>{{item.monthWyFee | removal}}</td>
          <td>{{item.monthTotalFee | removal}}</td>
          <td>{{item.yearRentFee | removal}}</td>
          <td>{{item.yearWyFee | removal}}</td>
          <td>{{item.yearTotalFee | removal}}</td>
          <td>{{item.owePeriod}}天</td>
          <td>{{item.oweFee | formatNum}}</td>
          <td>{{item.oweMonths}}</td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="user-page pl-24 pr-24 ptb-10 clearfix">
      <div class="pull-left report_bi-page-num user-page-num">
        <span class="font-14">共<i>{{num}}</i>条记录</span>
        <span>每页
				<hl-select :data="pageTcount" v-model="pagecount" width="80" @on-change="pageFY"></hl-select>

          条
        </span>
      </div>
      <div class="pull-right">
          <ul class="page" id="page"></ul>
      </div>
  </div>
  <a href="" class="export-click inline" style="height:100px;width:100px;"></a>
</section>

<script src="modules/system_config/scripts/right_company.js" charset="utf-8"></script>
<script src="modules/report_bi/scripts/report_bi.js" charset="utf-8"></script>
